<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前样式 -->
		<link rel="stylesheet" href="../css/register.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<div class="container flex-c-sb">
				<img src="../imgs/new-logo-white2.png" alt="图片加载失败" />
				<span class="fz-14">
					已有源码账号，
					<a href="../html/log-in.html">立即登录</a>
				</span>
			</div>
		</header>
		<!-- 注册页面 -->
		<main>
			<div class="container flex-c-c" id="welcome">
				<form action="./index.html">
					<h1>欢迎注册</h1>
					<h2>百款接口免费试用</h2>
					<p>
						<img src="../imgs/reg-gift.png" alt="图片加载失败" />
						注册即送300元大礼包
					</p>
					<!-- 用户名 -->
					<p class="rel" id="userName">
						<input
							class="inp"
							type="text"
							placeholder="用户名（6~20位字母数字）"
						/>
						<span class="abs" id="userNameTips">
							<strong>!</strong>&nbsp;请输入6~20位字母数字
						</span>
					</p>
					<!-- 手机号 -->
					<p class="rel" id="number">
						<input class="inp" type="text" placeholder="请输入手机号" />
						<span class="abs" id="numberTips">
							<strong>!</strong>&nbsp;请输入正确的手机号
						</span>
					</p>
					<!-- 验证码 -->
					<p class="rel" id="verification">
						<input class="inp" type="text" placeholder="请输入手机短信验证码" />
						<button id="gain" class="abs">获取验证码</button>
						<span class="abs" id="verificationTips">
							<strong>!</strong>&nbsp;请输入正确的验证码
						</span>
					</p>
					<!-- 密码 -->
					<p class="rel" id="password">
						<input
							class="inp"
							type="password"
							placeholder="请输入6至12位的密码"
						/>
						<span class="abs" id="passwordTips">
							<strong>!</strong>&nbsp;请输入6~12位的密码
						</span>
					</p>
					<!-- 我已阅读并接受 -->
					<p id="checkbox">
						<!-- 勾选框 -->
						<input type="checkbox" />我已阅读并接受
						<a href="javascript:void 0">《源码用户服务协议》</a>
						<a href="javascript:void 0">《源码隐私政策》</a>
					</p>
					<!-- 立即注册 -->
					<button
						id="btn"
						type="button"
						onclick="window.location.href='../html/index.html'"
					>
						立即注册
					</button>
				</form>
			</div>
		</main>

		<!-- 1.引入util的JS -->
		<script src="../js/util.js"></script>
		<!-- 2.引入当前页JS -->
		<script src="../js/register.js"></script>
	</body>
</html>
